<template>
  <div id="text" style="height:50px; margin: 60px 0;" class="cc-display">
    <div style="width:80%;height:100%;">
      <div style="width:100%;height:80%;">
        <div style="width:10%;height:100%;float:left;" class="sc-display">
          <img
            src="imgs/textline/icon-book.png"
            style="height:30px;width:30px;"
          />
        </div>
        <div style="width:80%;height:100%;float:left;" class="cc-display">
          <span class="font20b">{{ msg }}</span>
        </div>
      </div>
      <div
        style="width:100%;height:20%;background-image:linear-gradient(to right,rgb(255,91,122),rgba(255,184,33,0.05));border-radius:20px;"
      ></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "TextLine",
  props: {
    msg: String
  }
};
</script>
